<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/custom.css" />
    <title>普通会员详情页</title>
    <style></style>
    <!--地址添加样式-->
    <link rel="stylesheet" href="../../ht-css/replaceAddress/addAddress.css">
    <style type="text/css">
        .icon-Star{color:red;}
        p{
            width: 250px;
            height: 30px;
            line-height: 30px;
            color: #000;
            font-size: 14px;
        }
        p >a {
            display: block;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        p >a:hover{
            display: block;
            width: 100%;
            overflow: auto;
            white-space: normal;
        }
    </style>
    <title>普通会员查看详情</title>
    <script src="../../ht-js/order/replaceOrder/OrderConfirm.js?rev=@@hash"></script>
</head>
<body data-id="184" style="line-height: 2.6">
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页  <span class="c-gray en">&gt;</span>会员管理<span class="c-gray en">&gt;</span>普通客户<span class="c-gray en">&gt;</span>客户详情<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <div id="tab_topnav" class="HuiTab">
        <div class="tabBar clearfix">
            <span>基本信息</span>
            <span>操作日志</span>
        </div>
        <!--基本信息-->
        <div class="tabCon bk-gray bg-1">
            <form method="post">
                <div class="bg-1 pb-10">
                    <div class="va-m pl-15 lh-50 f-16">
                        <strong>会员基本信息</strong>
                        <div style="margin-right:59px;float:right">
                            <a  onclick="commom_edit()" class="f-12 powerButton 245">编辑</a>
                        </div>
                    </div>
                    <div class="lh-30 mb-10">
                        <table class="table_li mb-10 table">
                            <thead class="text-l">
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10">
                                        <label class="form-label f-l label-right w-60">账号：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="login_account"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10">
                                        <label class="form-label f-l label-right w-85">注册手机号：</label>
                                        <div class="formControls w-200 ml-10 lh-26" id="mobile_phone">

                                        </div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10">
                                        <label class="form-label f-l label-right w-100">来源：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="registerPlatform"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10">
                                        <label class="form-label f-l label-right w-100">注册时间：</label>
                                        <div class="formControls w-205 ml-10 lh-26" id="register_time"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10">
                                        <label class="form-label f-l label-right w-60">邮箱：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="email"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10">
                                        <label class="form-label f-l label-right w-60">IP地址：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="register_ip"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-85">IP区域：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="register_addr"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10">
                                        <label class="form-label f-l label-right w-100">获客人员：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="groundName"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-85">创建人员：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="create_user"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-80">会员归属：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="companyname"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right ">会员负责人：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="customerleader"></div>
                                    </div>
                                </td>

                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-85" style="margin-left: 15px;">价格类型：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="price_type" style="width: 272px;"></div>
                                    </div>
                                </td>

                            </tr>

                            </thead>
                        </table>
                    </div>
                    <div class="va-m pl-15 lh-50 f-16">
                        <strong>客户信息</strong>
                    </div>
                    <div class="lh-30 mb-10">
                        <table class="table_li mb-10 table">
                            <thead class="text-l">
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-60" style="width: 89px;">客户ID：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="customer_code"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-60" style="width: 112px;margin-left: -110px;">客户名称：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="customer_name" style="width: 326px;margin-left: -110px;"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-60" style="width: 112px;"></label>
                                        <div class="formControls w-150 ml-10 lh-26" style="width: 326px;"></div>
                                    </div>
                                </td>

                            </tr>
                            </thead>
                        </table>
                    </div>



                    <div class="va-m pl-15 lh-50 f-16">
                        <strong>发票信息</strong>
                        <div style="margin-right:59px;float:right">
                            <a  onclick="generalvote()" id="General" class="f-12 powerButton 245">编辑</a>
                        </div>

                    </div>
                    <div class="lh-30 mb-10">
                        <table class="table_li mb-10 table">
                            <thead class="text-l">
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" style="margin-left: 22px;">
                                        <label class="form-label f-l label-right w-60">单位名称：</label>
                                        <div class="formControls w-150 ml-10 lh-26" id="company_name"></div>
                                    </div>
                                </td>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10">
                                        <label style="margin-left: -343px;" class="form-label f-l label-right w-85">纳税人识别号：</label>
                                        <div style="margin-left: -256px;"  class="formControls w-200 ml-10 lh-26" id="taxpayer_code">
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </form>
        </div>


        <!---------------------------------------------------------编辑--------------------------------------------------------------->
    <form id="form-search">
        <div id="dizhi" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
            <div class="modal-dialog">
                <div class="modal-content radius" style="height:384px;width:624px;">
                    <div class="modal-header"  >
                        <h3 class="modal-title"><b class="addressTitle">客户基本信息更改</b></h3>
                        <a class="close" onclick="guanbi()" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" data-dismiss="modal" aria-hidden="true" >×</a>
                    </div>
                    <input type="hidden" class="ship_add_id">
                    <div class="pop_win pop_receiver" style="height: 259px;" >
                        <div class="info" >
                            <div class="clearfix">
                                <label>邮箱：</label><input name="" type="text" placeholder="请输入邮箱地址" id="email2" class="email2 mr-20" datatype="/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/" errormsg="输入格式错误" ignore="ignore"  onkeyup="this.value=this.value.replace(/\s+/g,'')">
                                <span class="Validform_checktip" id="checkPerson3"></span>
                            </div>

                            <div class="clearfix"  >
                                <label >会员归属：</label><input name="" type="text" onclick="gongsi()"  oninput="gongsi()" placeholder="" id="companyNames" class="companyNames" disabled="disabled" autocomplete="off"><span class="powerButton 1000001004725699" ><a id="xiu" style="display: none"   onclick="xiu(1)">修改</a></span><a id="qu" style="display: none" onclick="xiu(2)">取消</a>
                                <ul class="relation radius guanlian" id="tuank" style="width:34%;z-index: 1;    margin-top: 130px;margin-left: 108px;">
                                    <li>无数据</li>
                                </ul>
                            </div>
                            <div class="clearfix" >
                                <label >会员负责人：</label><input name="" type="text" placeholder="" id="customerleaders" class="companyNames" maxlength="25">
                            </div>
                            <div class="clearfix ">
                                <label>价格类型：</label>

                                <input type="radio" name="price_types" id="price_types1" style="margin-left: -82px;height: 16px;margin-top: 7px;" value="20">
                                <span style="margin-left: -205px;">现金价</span>


                                <input type="radio"  name="price_types"  id="price_types2" style="margin-left: -82px;height: 16px;margin-top: 7px;" value="10">
                                <span style="margin-left: 80px;">售价</span>

                            </div>
                        </div>
                        </div>
                        <div class="text-c" style="padding-top: -56px;"><a onclick="savecommom_edit()" class="btn btn-secondary radius size-L">确定</a><a onclick="close_model()" class="btn radius size-L ml-10">取消</a></div>
                    </div>

                </div>
            </div>



    </form>
        <form id="form-search1">
        <div id="generalvote" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
            <div class="modal-dialog">
                <div class="modal-content radius" style="    height: 312px;width: 544px;">
                    <div class="modal-header"  >
                        <h3 class="modal-title"><b class="addressTitle">普票信息</b></h3>
                        <a class="close" onclick="guanbi2()" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" data-dismiss="modal" aria-hidden="true" >×</a>
                    </div>
                    <input type="hidden" class="ship_add_id">
                    <div class="pop_win pop_receiver"  style="width: 544px;height: 160px;">
                        <div class="info" >
                            <div class="clearfix">
                                <label><span class="c-red pr-5 f-l" style="margin-left: 29px;">*</span>单位名称：</label><input name="" autocomplete="off" type="text" maxlength="50" placeholder="请输入单位名称" id="unitname" class="loginaccount" >
                            </div>
                            <div class="clearfix">
                                <label><span class="c-red pr-5 f-l">*</span>纳税人识别号：</label><input name="" autocomplete="off" type="text" placeholder="请输入纳税人识别号" id="identificationnumber" class="loginaccount" onKeyUp="value=value.replace(/[\W]/g,'')" maxlength="20">
                            </div>

                        </div>
                    </div>
                    <div class="text-c" style="padding-top: 6px;"><a onclick="Determine()" class="btn btn-secondary radius size-L">确定</a><a onclick="close_generalvote()" class="btn radius size-L ml-10">取消</a></div>
                </div>

            </div>
        </div>
        </form>
        </div>
    </form>

    </div>

    <!--操作日志-->
    <div class="tabCon pd-5 bg-1 bk-gray pb-10" id="tableId">
        <div class="va-m pl-15 lh-50 f-16">
            <strong>操作信息</strong>
        </div>
        <table class="table table-border table-bg table-hover table-sort mt-10" id="datatable">
            <thead>
            <!--<tr class="tableTR">-->
            <tr class="text-c">
                <th width="100" class="biaoge1-1">序号</th>
                <th width="200" class="biaoge1-2">属性名称</th>
                <th width="200" class="biaoge1-3">修改前内容</th>
                <th width="200" class="biaoge1-4">修改后内容</th>
                <th width="200" class="biaoge1-6">操作人</th>
                <th width="300" class="biaoge1-5">操作时间</th>
            </tr>
            </thead>
            <tbody class="shun">
            </tbody>
        </table>
        <div class="mt-40"></div>
        <div class="dataTables_wrapper goods_fanye clearfix mt-5">
            <div class="f-r pageturning M-box3"></div>
        </div>

    </div>



</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
<!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/jquery.jedate.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../lib/pagination/pagination.css">
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../ht-js/power.js?rev=@@hash"></script>
<script type="text/javascript" src="../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script src="../../ht-js/Customer/commomCustomer_see.js?rev=@@hash"></script>

<script>
    /*function ValidateValue(textbox) {
                        var IllegalString = "[`~!#$^&*()=|{}':;',\\[\\].<>/?~！#￥……&*（）——|{}【】‘；：”“'。，、？]‘’";
                        var textboxvalue = textbox.value;
                        var index = textboxvalue.length - 1;
                        var s = textbox.value.charAt(index);
                        if (IllegalString.indexOf(s) >= 0) {
                            s = textboxvalue.substring(0, index);
                            textbox.value = s;
                        }
                    }*/
    $(function() {
        $("#brandSearchForm").Validform({
            tiptype: 2,
            callback: function(form) {
                brand_list(1, 50, $("#brandName").val());
                return false;
            }
        });
        $("#cxManage").Validform({
            tiptype: 2,
            callback: function(form) {
                cx_list();
                return false;
            }
        });
    })
    function timeSet(startEl,endEl,timeFormat){
        /*startEl=>开始时间Input的id，endEl=>结束时间Input的id，时间格式（YYYY-MM-DD hh:mm:ss  YYYY年MM月DD日 hh:mm:ss）*/
        /*时间设置*/
        var start = {
            format: timeFormat,
            maxDate: $.nowDate(),
            okfun: function(obj){
                end.minDate = obj.val; //开始日选好后，重置结束日的最小日期
            }
        };
        var end = {
            format: timeFormat,
            maxDate: $.nowDate(),
            okfun: function(obj){
                start.maxDate = obj.val; //将结束日的初始值设定为开始日的最大日期
            }
        };
        $.jeDate(startEl,start);
        $.jeDate(endEl,end);
    }
    timeSet("#timemin","#timemax","YYYY-MM-DD hh:mm:ss");

    jQuery.Huitab = function(tabBar, tabCon, class_name, tabEvent, i) {
        var $tab_menu = $(tabBar);
        // 初始化操作
        $tab_menu.removeClass(class_name);
        $(tabBar).eq(i).addClass(class_name);
        $(tabCon).hide();
        console.log(tabCon)
        $(tabCon).eq(i).show();
        $('#tableId').hide()
        $tab_menu.bind(tabEvent, function() {
            $tab_menu.removeClass(class_name);
            console.log($(this).text())
            if($(this).text()=='基本信息'){
                $('#tableId').hide()
            }else {
                $('#tableId').show()
            }
            $(this).addClass(class_name);
            var index = $tab_menu.index(this);
            $(tabCon).hide();
            $(tabCon).eq(index).show();
            // $('#tableId').show()
        });
    }

    $(function() {
        $.Huitab("#tab_topnav .tabBar span", "#tab_topnav .tabCon", "current", "click", "0")
    });
    // #tab_demo 父级id
    // #tab_demo .tabBar span 控制条
    // #tab_demo .tabCon 内容区
    // click 事件 点击切换，可以换成mousemove 移动鼠标切换
    // 1	默认第2个tab为当前状态（从0开始）
    // 刷新
    function reload() {
        //location.replace(location.href);
        window.location.reload(location.href);
    }
    function close_model() {$("#dizhi").modal("hide"); $("#tuank").hide()}

    //编辑
    //弹框
    /*$("#commom_edit").click(function () {
        layer.open({
            type: 1,
            // skin: 'layui-layer-rim', //加上边框
            title:'客户基本信息更改', //标题
            area: ['500px', '460px'], //宽高
            content: '<ul class="common_edit_ul">' +
            '<li><span class="ul_title">账号：</span><span class="ul_con">中铁一局</span></li>' +
            '<li><span class="ul_title">注册手机号：</span><span class="ul_con">15832114756</span></li>' +
            '<li><span class="ul_title">来源：</span><span class="ul_con">PC端</span></li>' +
            '<li><span class="ul_title">注册时间：</span><span class="ul_con">2018-06-26 20:50:40</span></li>' +
            '<li><span class="ul_title">账号状态：</span><span class="ul_con">正常</span></li>' +
            '<li class="mb-15"><span class="ul_title">业务联系人：</span><input type="text" placeholder="请输入业务联系人" class="input-text radius ml-10 w-150"></liclass>' +
            '<li class="mb-15"><span class="ul_title">业务联系人手机：</span><input type="text" placeholder="请输入手机号码" class="input-text radius ml-10 w-150"></li>' +
            '<li class="mb-15"><span class="ul_title">邮箱：</span><input type="text" placeholder="请输入邮箱" class="input-text radius ml-10 w-150"></li>' +
            '</ul>' +
            '<div class="text-c pb-10 pt-15">\n' +
            '<input type="button" class="btn btn-secondary radius size-S" value="确&nbsp;&nbsp;定">\n' +
            '<input type="reset" class="btn radius size-S ml-10" value="取&nbsp;&nbsp;消">\n' +
            '</div>'
        });
    })*/


    $(function(){
        $("#form-search").Validform({
            tiptype:2,
            callback:function(form){
                getList(1)
                return false;
            }
        });
    })

    /*form表单重置函数*/
    function resetDiv() {
        var divEl = document.querySelectorAll(".Validform_checktip span")
        for (var i = 0; i < divEl.length; i++) {
            divEl[i].innerHTML = ""
        }
        /*重置分类中的级别*/
        goodslist_cantegory_id = "";
        category_id_of_search = "";//采销中的分类id
        category_code_of_search = "";//采销中的分类code
        /*图片中三级分类联动清空*/
        oneCategoryId = "";
        twoCategoryId = "";
        threeCategoryId = "";
        /*清空联动下拉框*/
        $("#classUlP1").html("");
        $("#classUlP2").html("");
        $("#classUlP3").html("");
        $("#img-classUl1").html("");
        $("#img-classUl2").html("");
        $("#img-classUl3").html("");
        var cer = "<option value=''>请选择收货位置</option>"
        $("#getPlace").html(cer);
    }


    //限制字符
    var len
    var Preser
    var common=50//要限制输入的字数
    function checkMaxIut(me) {
        var text=$(me).val()
        strlen(text)
        if(len>common){
            $(me).val(Preser)
        }else {
            Preser=$(me).val()
        }
    }
    function strlen(str){
        len = 0;
        for (var i=0; i<str.length; i++) {
            var c = str.charCodeAt(i);
            //单字节加1
            if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
                len++;
            } else {
                len+=2;
            }
        }
        return len;
    }
</script>
</body>
</html>